.subnav-warp {
  width: 100%;
  height: 34px;
  background-color: #c20c0c;
  .subnavs {
    width: 1100px;
    margin: 0 auto;
    line-height: 34px;
    padding-left: 180px;
    li {
      float: left;
      text-align: center;
      .subnav {
        color: #fff;
        &:hover {
          text-decoration: none;
        }
        span {
          position: relative;
          display: block;
          height: 20px;
          padding: 0 13px;
          margin: 7px 17px 0;
          border-radius: 20px;
          line-height: 20px;
          .f-r-white-icon {
            display: inline-block;
            width: 8px;
            height: 8px;
            top: 2px;
            position: absolute;
            background: url(~@/assets/images/header/white-r-icon@3x.png);
            background-size: cover !important;
          }
          &.current,
          &:hover {
            background-color: #9b0909;
          }
        }
      }
    }
  }
}